<!DOCTYPE html>

<html lang="en">
  <head>
    <title>咕噜橙 | 关于</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    
    <!-- <link rel="stylesheet" href="css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="about/css/animate.css">
    <link rel="stylesheet" href="about/css/flexslider.css">
    <link rel="stylesheet" href="about/fonts/icomoon/style.css">

    <link rel="stylesheet" href="about/css/bootstrap.css">
    <link rel="stylesheet" href="about/css/style.css">

    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,700" rel="stylesheet">

    
  </head>
  <body data-spy="scroll" data-target="#pb-navbar" data-offset="200">
  

   
    <nav class="navbar navbar-expand-lg site-navbar navbar-light bg-light" id="pb-navbar">

      <div class="container">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample09" aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <a class="navbar-brand" href="/index">Xzio</a>
        <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample09">
          <ul class="navbar-nav">
            <li class="nav-item"><a class="nav-link" href="/index">首页</a></li>
            <li class="nav-item"><a class="nav-link" href="/article">文章</a></li>
            <li class="nav-item"><a class="nav-link" href="#">相册</a></li>
            <li class="nav-item"><a class="nav-link" href="/leaveMessage">留言</a></li>
            <li class="nav-item"><a class="nav-link" href="/about">关于</a></li>

          </ul>
        </div>
      </div>
    </nav>
    

   
    
    <section class="site-hero" style="background-image: url(about/images/image_1.jpg);" id="section-home" data-stellar-background-ratio="0.5">
      <div class="container">
        <div class="row intro-text align-items-center justify-content-center">
          <div class="col-md-10 text-center">
            <h1 class="site-heading site-animate">欢迎，我是<strong>熊呈</strong></h1>
            <p class="lead site-subheading mb-4 site-animate">本站的更新和维护都是我哦，本科在读，学习后端开发</p>
            <p><a href="#section-about" class="smoothscroll btn btn-primary px-4 py-3">更多</a></p>
          </div>
        </div>
      </div>
    </section> <!-- section -->

  
    <section class="site-section" id="section-about">
      <div class="container">
        <div class="row mb-5 align-items-center">
          <div class="col-lg-7 pr-lg-5 mb-5 mb-lg-0">
            <img src="about/images/image_1_long.jpg" alt="Image placeholder" class="img-fluid">
          </div>
          <div class="col-lg-5 pl-lg-5">
            <div class="section-heading">
              <h2>About <strong>Me</strong></h2>
            </div>
            <p class="lead">徘徊于99与00后，就读于西南石油大学，翼灵物联工作室后端成员。喜爱主机游戏，但没钱买主机，于是表现为不打游戏。爱音乐，爱睡觉</p>
            <p class="mb-5  ">本站页面基本来自模板，有些地方样式可能会出现冲突，随着学习会加强优化。</p>

            <p>
              <a href="/index" class="btn btn-primary px-4 py-2 btn-sm smoothscroll">好友领取方式在主页查看</a>
            </p>
          </div>
        </div>
      </div>
    </section>


    <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>

    <footer class="site-footer">
      <div class="container">
        <div class="row">
            <p class="col-12 text-center">

             &copy; <script>document.write(new Date().getFullYear());</script> - 咕噜橙 |  <a href="http://http://www.miitbeian.gov.cn/" target="_blank" >蜀ICP备18023001号-1</a>

            </p>
        </div>
      </div>
    </footer>




    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
    
    <script src="about/js/vendor/jquery.easing.1.3.js"></script>
    <script src="about/js/vendor/jquery.stellar.min.js"></script>
    <script src="about/js/vendor/jquery.waypoints.min.js"></script>

    <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
    <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
    <script src="about/js/custom.js"></script>


  </body>
</html>